<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐i-选择圈子</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/friend/choiceList.min.css?v=<%=$version%>">
</head>
<body>
<div id="forward" v-cloak>
    <div class="circleBar-top">
        <span class="goback" @click="getBack()"></span>
        选择圈子
    </div>
    <div class="friendIndex-news">
        <div class="circleList">
            <template v-for="(item,key) in circleList">
                <div class="friendsList-list">
                    <div class="list-top" v-if="item.name==100">#</div>
                    <div class="list-top" v-else>{{item.name}}</div>
                    <template v-for="list in item.list">
                        <a class="clearfix" @click="getNext(list)">
                            <span class="list-topImg" :style="bgimg(list.coverImgSrc)"></span>
                            <div>
                                <h6>{{list.circleName}}</h6>
                                <p>{{list.categoryName}}<span>&bull;</span>{{list.userCount}}人</p>
                            </div>
                        </a>
                    </template>
                </div>
            </template>
        </div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/friend/forward.js?v=<%=$version%>"></script>

</body>
</html>